<template>
  <div class="generate-cover">
    <el-tabs v-model="activeName">
      <el-tab-pane label="公众号封面" :name="1">
        <cover-weixin-h5 :list="list"></cover-weixin-h5>
      </el-tab-pane>
      <el-tab-pane label="短视频封面" :name="2">
        <cover-short-video :list="list"></cover-short-video>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup>
import { ref } from 'vue';
import CoverWeixinH5 from './cover-weixin-h5.vue';
import CoverShortVideo from './cover-short-video.vue';

const props = defineProps({
  list: {
    type: Array,
    default: () => [],
  },
});

const activeName = ref(1);

const uploadImg = ref(
  'https://mp-3d8f2833-c0f4-4715-8b98-d0a5f5cfccd9.cdn.bspapp.com/cloudstorage/72b2a44b-491d-4650-ac3f-ab2df69e0bf2.jpg',
);
</script>

<style lang="scss" scoped>
.generate-cover {
}
</style>
